<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <!-- CSS Begins       -->
        <link rel="stylesheet" href="css/bootstrap.css" type="text/css">
        <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
        <link rel="stylesheet" href="css/login.css" type="text/css">
        <!--   End of CSS            -->
        <!----------Scripts--------->
        <script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/handlebars-v1.3.0.js" type="text/javascript"></script>
        <script src="js/jquery.cookie.js" type="text/javascript"></script>
        <script src="js/handlebars-v1.3.0.js" type="text/javascript"></script>
        <script src="js/custom.js" type="text/javascript"></script>
        <script src="js/jquery.validate.js" type="text/javascript"></script>
        <!-----End of Scripts---->
    </head>
    <body>
        <div id="car" class="carousel slide container">
            <ol class="carousel-indicators">
                <li data-target="$car" data-slide-to="0" class="active"></li>
                <li data-target="$car" data-slide-to="1"></li>
                <li data-target="$car" data-slide-to="2"></li>
            </ol>
            <div class="carousel-inner">
                <div class="item active">
                    <img src="http://boutonrougedesigns.com/wp-content/uploads/red-apple.jpg" alt="Fruits" class="img-responsive img-rounded ">
                    <div class="carousel-caption">
                        <h3>
                            Apples
                        </h3>
                        <p> Apple a day keeps the doc away</p>
                    </div>
                </div>
                <div class="item">
                    <img src="http://www.ces.ncsu.edu/wp-content/uploads/2012/09/three-grapes.jpg" alt="Veggies" class="img-responsive img-rounded">
                    <div class="carousel-caption">
                        <h3>
                            Grapes
                        </h3>
                         <p> Grapes are juicy</p>
                    </div>
                </div>
                <div class="item">
                    <img src="http://shinguardian.files.wordpress.com/2010/05/orange.png" alt="Food" class="img-responsive img-rounded">
                    <div class="carousel-caption">
                        <h3>
                            Oranges
                        </h3>
                        <p> Oranges are unrealiable </p>
                    </div>
                </div>
            </div>
            <a class="carousel-control left" href="#car"data-slide="prev" >
            <span class="icon-prev"></span>
            </a>
            <a class="carousel-control right" href="#car"data-slide="next" >
            <span class="icon-next"></span>
            </a>
        </div>
    </body>
</html>
